window.onload = function () {

    //给li注册事件
    $('#login .uploadbox1 li').hover(function () {

        $(this).addClass('active').find('span').addClass('active').closest('li').siblings('li').removeClass('active').find('span').removeClass('active')

    })


    //给spana按钮注册点击事件
    $('#login .uploadbox1>span').click(function () {

        $(this).closest('.uploadbox1').removeClass('active').siblings('.uploadbox2').addClass('active')
    })

    $('#login .uploadbox2>span').click(function () {

        $(this).closest('.uploadbox2').removeClass('active').siblings('.uploadbox1').addClass('active')
    })




    //表单验证  (插件)
    $('.myform').validate(
        {
            rules: {
                user: {
                    required: true,
                    isUser:true
                },
                pwd: {
                    required: true,
                    isPwd:true
                }
            },
            messages: {
                user: {
                    required: '你不对劲?'
                },
                pwd: {
                    required: '你不够长!'
                }
            }
        }
    )

    //自定义规则列表
    /* 
    帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$
    密码(以字母开头，长度在6~18之间，只能包含字母、数字和下划线)：^[a-zA-Z]\w{5,17}$

             jQuery.validate的optional(element),用于表单控件的值不为空时才触发验证。
    */
    jQuery.validator.addMethod("isUser", function (value, element) {
        var tel = /^[a-zA-Z][a-zA-Z0-9_]{4,15}$/;
        return this.optional(element) || (tel.test(value));
    }, "字母开头，允许5-16字节，允许字母数字下划线");

    //密码
    jQuery.validator.addMethod("isPwd", function (value, element) {
        var tel = /^[a-zA-Z]\w{5,17}$/;
        return this.optional(element) || (tel.test(value));
    }, "以字母开头，长度在6~18之间，只能包含字母、数字和下划线");






}